
$(function(){

	cargarLista();
	limpiarSilde();

	$("#dialog-nuevoProducto").dialog({
		autoOpen: false,
		height: 600,
		width: 1040,
		modal: true,
	});

	$("#btnNuevo").click(function(){
		nuevoProducto();
	}).button({
		icons: {
			primary: "ui-icon-circle-plus"
		}
	});
	
});

function nuevoProducto(){
	$.get(baseURL + "/mantenimiento/nuevoProducto",function(pagina){
		$("#dialog-nuevoProducto").html(pagina);
		$("#dialog-nuevoProducto").dialog("open");

		var formulario=$("#revisarproducto");
		formulario.validate({
			rules: {
				"nombre": "required",
				"precioConjunto": {
					required: true,
					digits: true
				},

				"estadosgenerales.id": {
					min: 1
				},
				"idtipo.id": {
					min: 1
				},
				"precioUnitario": {
					required: true,
					digits: true
				},
				"nameImage":"required"
			},
			messages: {
				"nombre": "Ingrese un nombre ",
				
				"precioConjunto": "Ingrese un Precio por Conjunto",
				"precioConjunto": {
					required: "Ingrese el Precio ",
					digits: "Solo Numero"
				},
				"estadosgenerales.id":"Seleccione el estado ",
				"idtipo.id": "Seleccione un tipo ",
				"precioUnitario": {
					required: "Ingrese el Precio ",
					digits: "Solo Numero"
				},
				"nameImage":" Seleccione una imagen "
			},
			submitHandler: function(form){
				$.post(form.action,$(form).serialize(),function(resp){
					try{						
					if(resp==1){
						mensajeOK(" Producto guardado correctamente  ");
						$("#dialog-nuevoProducto").dialog("close");						
					}else{
						error(" Ocurrio un error intente nuevamente  ");
					}
					}catch(e){
						alert(e.message);
					}
				});
			}
		});
		
		$( "div.droptrue" ).sortable({
			connectWith: "div",
			receive: function(event,ui){
				var div = ui.item;
				var hidden = div.find("input");
				hidden.attr("id","idDisponibles");
				hidden.attr("name","idDisponibles");	
			}
		});

		$( "div.dropfalse" ).sortable({
			connectWith: "div",
			dropOnEmpty: false,
			receive: function(event,ui){
				var div = ui.item;
				var hidden = div.find("input");
				hidden.attr("id","idAsignados");
				hidden.attr("name","idAsignados");	
			}
		});
		
		$( "#sortable1, #sortable2" ).disableSelection();
		$(".guardar").click(function(){		
			//alert(1);
			try{
				 formulario.submit();				    
			}catch(e){
				alert(e.message);
			}		   
		}).button({
			icons: {
				primary: "ui-icon-circle-plus"
			}
		});

		
		$("#fileData").button();

		new AjaxUpload($("#fileData"),{
			action: baseURL + "mantenimiento/subirImagen",
			name: "archivoSubir",
			onComplete: completeImagen
		});

	});
}

function cargarLista(){
	$.get(baseURL + "/mantenimiento/obtenerListaProductos",function(pagina){
		$("#lstProductos").html(pagina);
	});
}

function updateCoords(c){
	$('#x').val(c.x);
	$('#y').val(c.y);
	$('#w').val(c.w);
	$('#h').val(c.h);
	var img=$('.jcrop-holder');
	$('#width').val(img.width());
	$('#height').val(img.height());
};

function completeImagen(file,data){
	try{
		if(data == "0"){
			$('#list').html("");
			$('#fileRuta').val("");
			$('#nameImage').val("");
			$('#formato').val("");
		}else
			if(data == "1"){
				$('#list').html("");
				$('#fileRuta').val("");
				$('#nameImage').val("");
				$('#formato').val("");
			}else{
				$('#list').html("");
				$('#list').html('<img class="thumbImagen" alt="" src="' + baseURL + data + '"  id="cropbox" >');
				$('#fileRuta').val(data);
				$('#nameImage').val(file);
				$('#formato').val(data.substr(data.lastIndexOf(".") + 1,data.length));
				$('#cropbox').Jcrop({onSelect: updateCoords, boxHeight: 380 , minSize: [ 200, 200 ], maxSize: [ 380, 380 ]
 });
			}
	}catch(e){
		alert(e.message);
	}
}
